<!DOCTYPE html>
<html>
<head>
    <title>个人信息</title>
    <#include "include.ftl"/>
    <style>
        ul.nav{
            list-style:none;
            height: 100px;
            padding: 5px;
            padding-top: 10px;
        }
        .cation{
            -webkit-box-sizing:border-box;
        }
        .nav li{
            width:25%;
            text-align:center;
            float:left;
            display: block;
        }
        .nav p{
            margin-top: 0px;
            font-size: .8em;
        }
        .nav img{
            height: 3em;
        }
        .nav a{
            color: #030303;
        }
        address, blockquote, dl, fieldset, figure, hr, ol, p, pre, ul{
            margin: 0;
        }
        .list{
            list-style:none;
            padding: 5px;
            margin-top: 0.8em;
        }
        .list li{
            border-bottom: 1px solid #D4D4D4;
            padding: .7em;
        }
        .list .content{
            float: right;
            margin-right: 5px;
        }
        .info-box{
            width: 100%;
            margin-top: .5em;
            display: flex;
            display: -webkit-flex;
            justify-content:flex-start;
            margin-left: 2%;
            margin-right: 2%
        }
        .info-box p{
            font-size: .8em;
        }
        strong{
            font-size: .85em;
        }

    </style>
</head>
<body ontouchstart>
<div style="padding: 5px 5px 0 5px;;">
    <div class="am-panel am-panel-default" style="padding-bottom: 15px;margin-bottom: 5px;background: #6FBEFF;border-radius: 5px">
        <div style="margin-top: 8px">
            <a style="color: white;margin: 8px 0 0 2%;padding-bottom:2px;border-bottom: 1px solid white;">个人信息</a>
        </div>
        <div class="info-box">
            <div style="width: 90%">
                <p style="color: white;">姓名:${command.name}</p>
                <p style="color: white;">性别:${command.sex}</p>
                <p style="color: white;">学(工)号:${command.sno}</p>
                <#if command.idcard?length gt 0>
                    <p style="color: white;">身份证号:${command.idcard[0..5]}********${command.idcard?substring(command.idcard?length-4)}</p>
                <#else>
                    <p style="color: white;">身份证号:********</p>
                </#if>

                <p style="color: white;">班级/部门:${command.deptname}</p>
            </div>
        </div>
    </div>
    <div class="am-panel am-panel-default cation" style="padding-bottom: 5px">
        <ul class="list" style="margin-top: .6em;">
            <li>
                <img style="width: 23px" src="${base}/images/kqb.png">
                <span><strong>卡钱包余额:</strong><span class="content">${command.ebagbalance/100}</span></span>
            </li>
            <li>
                <img style="width: 23px" src="${base}/images/ye.png">
                <span><strong>未领取余额:</strong><span class="content">${(command.tmpbalance+command.pretmpbalance)/100}</span></span>
            </li>
            <li style="border-bottom: none">
                <img style="width: 23px" src="${base}/images/kzt.png">
                <span><strong>卡状态:</strong>
                    <span class="content">
                        <#if command.status=='00'>
                            正常
                        <#elseif command.status=='01'>
                            挂失
                        <#elseif command.status=='02'>
                            冻结
                        <#elseif command.status=='03'>
                            挂失冻结
                        </#if>
                    </span>
                </span>
            </li>
        </ul>
    </div>
</div>
</body>
</html>
